<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="${basepath}/inc/js/jquery/2.0.0/jquery.min.js"></script>
<link href="${basepath}/inc/css/bootstrap/bootstrap.min.css" rel="stylesheet">
<script src="${basepath}/inc/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eN9cBjl262LzV7Q0dVAE0dcmNY4yzO6H"></script>
<title>浏览器定位</title>
<style type="text/css">
body, html, #allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	font-family: "微软雅黑";
}
</style>
</head>
<body>
	<div id="allmap"></div>

	<script type="text/javascript">
	// 百度地图API功能
	$(function(){
	var marker=[];
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.331398, 39.897445);
	map.centerAndZoom(point, 12);
	var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL}
	var control=new BMap.NavigationControl(opts);
	control.setAnchor(BMAP_ANCHOR_TOP_RIGHT);	 
	map.addControl(control);
	var geolocation = new BMap.Geolocation();
	geolocation.getCurrentPosition(function(r) {
		if (this.getStatus() == BMAP_STATUS_SUCCESS) {
			var mk = new BMap.Marker(r.point);
			map.addOverlay(mk);
			map.panTo(r.point);
			mk.enableDragging();
		} else {
			alert('failed' + this.getStatus());
		}
	}, {
		enableHighAccuracy : true
	});
	<c:forEach items="${parkinglots}" var="parkinglot" varStatus="status">
		alert("cc");
		/*var latlngs = new BMap.Point("${parking.lng}","${parking.lat}");
		marker["${status.count}"]=new BMap.Marker(latlngs);
		console.log('parkinglot lng is' +parking.lng+'parkinglot lat is'+parking.lat);
		map.addOverlay(marker["${status.count}"]);*/
	</c:forEach>
	
	});
</script>
</body>
</html>
